<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>千元智能手机</title>
<style>
h2{text-align:center;}
table{border-collapse:collapse;margin:auto;}
td{border:1px solid black;text-align:center;white-space: nowrap;padding:5px;}
</style>
</head>
<body>
<div id=json></div>
<div id=tb></div>
<p align=center>* 数据仅供参考，如果有误概不负责。</p>
</body>
<script>
var item = new Array();
item.push(['品牌型号','CPU','核心','GPU','屏幕尺寸','分辨率','运行内存','机身容量','扩展存储','网络制式','后置摄像头','前置摄像头','机身材质','电池','指纹识别','红外遥控','NFC','系统','发布时间','价格(元)']);
item.push(['Redmi Note8 Pro','MTK Helio G90T','2 x A76 2.05GHz<br>6 x A55 2.0GHz','ARM Mali G76 MC4','6.53 寸','2340 X 1080','6GB','128GB','?','全网通','4800万<br>800万<br>200万<br>200万','1300万','','4500 mAh','背面','?','有','MIUI 10','20190829','1599']);
item.push(['Redmi Note8','骁龙665','2.0GHz 4大4小 11nm','Adreno 610','6.3 寸','2340 X 1080','6GB','128GB','?','全网通','4800万<br>800万<br>200万<br>200万','1300万','','4000 mAh','背面','?','-','MIUI 10','20190829','1399']);
item.push(['Realme X 青春版','骁龙710','14nm<br>2GHz X 8','Adreno 616','6.3寸','2340 X 1080','6GB','128GB','128GB','全网通','1600万<br>500万','2500万','','4000 mAh','背面','-','-','','201905','1299']);
item.push(['Redmi Note7 Pro','骁龙675','2.0GHz 八核 14nm','Adreno 612','6.3 寸','2340 X 1080','6GB','128GB','256GB','全网通','4800万<br>500万','1300万','','4000 mAh','背面','有','-','MIUI 10','201903','1399']);
item.push(['联想K5 Pro','骁龙636','1.8GHz 八核 14nm','Adreno 509','5.99 寸','2160 X 1080','6GB','128GB','256GB','全网通','1600万<br>500万','1600万<br>500万','全金属','4000 mAh','背面','-','-','ZUI','20181025','1048']);

//var json = JSON.stringify(item);
//document.getElementById('json').innerHTML=json;
console.log(item);
var ts='<h2>2019年8月千元智能手机</h2><table id=main>';
for(var i=0; i<item[0].length; i++){
	ts += '<tr>';
	for(var j=0;j<item.length; j++){
		ts += '<td>'+item[j][i]+'</td>';
	}
	ts += '</tr>';
}
ts += '</table>';
document.getElementById('tb').innerHTML=ts;
</script>
</html>